import React, { Component } from 'react';

// 第一步导入创建好的context 对象
import contextObj from './context';
let { Consumer } = contextObj;
class Grandson extends Component {
    render() {
        return (
            <div>
                孙子组件
                <Consumer>
                    {/* 注意使用consumer组件接收数据,必须以函数的形式接收 */}
                    {
                        (val) => {
                            return <p>{val}</p>
                        }
                    }
                </Consumer>
            </div>
        );
    }
}

export default Grandson;

